<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>中国传统美食</title>
        <style>

        </style>

    </head>
    <body>
        <div class="description">
            <h1>中国传统美食</h1>
            <p class="description">
                传统美食 ，是我们大中华的典故，“民以食为天”，随着回归自然食品的兴起，传统美食越来越受到人们的青睐。其实，这些食物的由来都有它美妙的传说。下面让我来为大家介绍我精选出来的五个城市的中华美食吧
            </p>
            <div class="section active" id="section0">
                <img src="美食图片/北京美食.jpg" alt="北京美食" class="image">
                <div class="text-content">
                    <div class="section-title">北京 - 美食</div>
                    <p>北京以其丰富的美食文化而闻名，特别是以下两种经典美食：</p>
                    <button onclick="toggleDetails(0)">查看详情</button>
                    <div class="details" id="details0">
                       <p>1.炸酱面：老北京炸酱面，是中国传统特色面食，初起源北京，后传遍大江南北之后便被誉为“中国十大面条”之一，老北京炸酱面入选“中国地域十大名小吃”北京榜。</p>
                       <img src="美食图片/炸酱面.png" alt="炸酱面">
                       <p>2.北京烤鸭：北京烤鸭是具有世界声誉的北京著名菜，起源于中国南北朝时期，《食珍录》中已记有炙鸭，在当时是宫廷名菜。</p>
                       <img src="美食图片\北京烤鸭.png" alt="烤鸭">
                    </div>
                 </div>
            </div>
    
        </div>
        <script>
            
        </script>

        
    </body>
</html>